<template>
  <view>
    <view class="b-inform">
      <view class="b-inform__item">
        <view class="b-inform__item-title">
          通知标题
        </view>
        <view class="b-inform__item-content">
            通知内容通知内容通知内容通知内容通知内容通知内容通知内容
        </view>
        <view class="b-inform__item-time">
          2019-10-08 15：22
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {

}
</script>


<style lang="scss" scoped>
@import '@/scss';
@include b(inform) {
  padding: 30upx;
  @include e(item) {
    background: #fff;
    padding: 30upx;
    margin-top: 20upx;
    border-radius: 10upx;
    &-title{
      font-size: 34upx;
    }
    &-content{
      padding-top: 20upx;
      text-indent: 50upx;
    }
    &-time{
      display: flex;
      flex: 1;
      flex-direction:row-reverse;
      color: #888;
      padding-top: 20upx;
    }
  }
}
</style>